<template>
  <div class="widget-table-wrapper">
    <div class="widget-table-left">
      <div class="widget-table-left__top">序号</div>
      <div class="widget-table-left__body">1</div>
    </div>
    <slot name="generator" />
  </div>
</template>

<script>
export default {
  props: {
    config: {
      type: Object,
      require: true,
      default: () => {
        return {}
      }
    }
  },
  data() {
    return {
      dragDataList: []
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {
  },
  beforeDestroy() {
  },
  methods: {
  }
}
</script>

  <style lang="scss" scoped>
.widget-table-wrapper{
    min-height: 50px;
    background: #fff;
    display: flex;
    justify-content: flex-start;
    .widget-table-left{
        width: 51px;
        border-left: 1px solid var(--themeColor);
        border-right: 1px solid var(--themeColor);
        border-top: 1px solid var(--themeColor);
        flex: none;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
    .widget-table-content{
        width: 100%;
        border: 2px inset var(--themeColor);
        background: #fff;
        flex: 1;
        margin: 0;
        overflow: auto;
        position: relative;
    }
}
  </style>

